<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>728移动签名程序</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link rel="stylesheet" href="css/signature-pad.css?20190926">
  <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="css/ie9.css">
  <![endif]-->
</head>
<body onselectstart="return false">
  <div id="loading">
    <img src="loading.gif" />
  </div>
  <div id="signature-pad" class="signature-pad">
    <div class="description">请将手机向左旋转90度横屏书写</div>
    <div id="direction" style="position:absolute;left:0;top:50%;
	-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);transform:rotate(90deg);
	color:gray;z-index:10000;font-size:2em">正确的方向</div>
    <div class="signature-pad--body">
      <canvas></canvas>
    </div>
    <div class="signature-pad--footer">
      <!-- <div>由信档中心提供技术支持</div> -->
      <div class="signature-pad--actions">
        <div>
          <button type="button" class="button clear" data-action="back">返回</button>
        </div>
        <div>
          <button type="button" class="button clear" data-action="clear">清除</button>
        </div>
        <div>
          <button type="button" class="button save" data-action="save-png">保存图片</button>
        </div>
      </div>
    </div>
  </div>
  <script src="js/mui.min.js"></script>
  <script src="js/jquery-3.4.1.min.js"></script>
  <script src="js/signature_pad.umd.js"></script>
  <script src="js/app.js?201909275"></script>
</body>
</html>
